<!-- EXAMPLE-SOURCE-START -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Level 1</title>
    <h:outputStylesheet name="css/primeflex3.css" library="showcase"/>
    <style>
        html {
            font-size: 14px;
        }
    </style>
</h:head>

<h:body>
    <div style="padding: 1rem">
        <h:form id="level1form">

            <p class="ui-widget" style="margin-top: 0">You are at Level 1.</p>

            <p:panel header="Value from flash" rendered="#{dfLevel1View.valueFromFlash != null}" styleClass="mb-3">
                <p:outputLabel value="#{dfLevel1View.valueFromFlash}" />
            </p:panel>

            <p:commandButton id="level1btn" value="Go into level 2" icon="pi pi-home" action="#{dfLevel1View.openLevel2}">
                <p:ajax event="dialogReturn" listener="#{dfLevel1View.onReturnFromLevel2}"/>
            </p:commandButton>
        </h:form>
    </div>
</h:body>

</html>
